<%@ page import="com.cn.wanxi.cy02.model.NavModel" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">

</head>

<body>
<%
    String phone = "028-8888888";
    String img = "../img/logo_g0yv.jpg";
    String ad = "<div class=\"div1\">品味生活·品味美食</div>\n" +
            "            <div class=\"div2\">\n" +
            "                <p>一壶茶沏出了生活的醇美</p>\n" +
            "                <p> 一枝花开出了生活的鲜艳</p>\n" +
            "                <p> 一首诗吟出了生活的酸辛</p>\n" +
            "                <p> 一把火燃烧出了生活的激情</p>\n" +
            "                <p> 一枝笔绘出了人生的五彩缤纷</p>\n" +
            "                <p> 一首歌唱出了人生的喜怒哀惧</p>\n" +
            "                <p> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</p>\n" +
            "            </div>\n" +
            "            <div class=\"div3\">\n" +
            "                <span>品味</span>\n" +
            "                <span>生活</span>\n" +
            "                <span>品味</span>\n" +
            "                <span>美食</span>\n" +
            "            </div>\n" +
            "            <div class=\"div4\">\n" +
            "                新语餐饮给你生活指南\n" +
            "            </div>";
    int a = 0;//局部变量
    //  el表达式   jstl标签   函数 操作符 （）优先级  + -
    //String[]数组
    String[] nav = {"首页", "公司", "新闻动态", "产品展示", "在线留言", "联系我们"};
    String[] href = {"/jsp/home.jsp", "/jsp/company.jsp", "/jsp/news.jsp", "/jsp/product.jsp", "/jsp/online.jsp", "/jsp/callus.jsp"};

    //List集合
    //NavModel对象
    List<NavModel> list = new ArrayList<>();
    for (int i = 0; i < nav.length; i++) {
        NavModel navModel = new NavModel();
        navModel.setNav(nav[i]);
        navModel.setHref(href[i]);
        list.add(navModel);
    }
    request.setAttribute("phone", phone);
    request.setAttribute("img", img);
    request.setAttribute("ad",ad);
    request.setAttribute("nav", nav);
    request.setAttribute("href", href);
    request.setAttribute("list", list);
%>
<%--全局变量--%>
<%! int b = 0; %>
<%--赋值--%>
<%--<%= %>--%>
<!--div块级元素，每一个div都会自动换行-->
<!--块级元素自动换行  内联元素在一行-->
<div class="top" id="aa">
    <!--公司logo-->
    <!--快捷键  使代码自动对齐  ctrl+shift+f-->
    <!--    为了让公司logo这块居中，必须定义这块的宽度-->
    <div class="logo">
        <!--        leftDiv第一个div居左 第二个div居右rightDiv-->
        <div class="leftDiv">
            <img src="${img}"/>
        </div>
        <div class="rightDiv">
            <div class="leftDiv">
                <img src="../img/phone.png" height="30" width="30"/>
            </div>
            <!--            字体编程白色-->
            <div class="rightDivFont leftDiv">${phone}

            </div>
        </div>

<div>
</div>
    </div>
    <!--这是导航-->
    <div class="navBanner">
        <div class="nav">
            <ul class="nav-ul">
            <div>
                <%--                第一个数字a=：<%=a++%>--%>
                <%--                第二个数字b=：<%=b++%>--%>
<%--                                <%--%>
<%--                                    for (int i = 0; i < nav.length; i++) {--%>
<%--                                %>--%>
<%--                                <a href="<%=href[i]%>">--%>
<%--                                    <li><%=nav[i]%>--%>
<%--                                    </li>--%>
<%--                                </a>--%>
<%--                                <%--%>
<%--                                    }--%>
<%--                                %>--%>
            </div>
                <c:forEach items="${list}" var="ba">
                    <a href="${ba.href}">
                        <li>${ba.nav}</li>
                    </a>
                </c:forEach>
                <div>
                <%--                                                <a href="/jsp/home.jsp">--%>
                <%--                                                    <li>网站首页</li>--%>
                <%--                                                </a>--%>
                <%--                <a href="/jsp/company.jsp">--%>
                <%--                    <li>公司简介</li>--%>
                <%--                </a>--%>
                <%--                <a href="/jsp/news.jsp">--%>
                <%--                    <li>新闻动态</li>--%>
                <%--                </a>--%>
                <%--                <a href="/jsp/product.jsp">--%>
                <%--                    <li>产品展示</li>--%>
                <%--                </a>--%>
                <%--                <a href="/jsp/online.jsp">--%>
                <%--                    <li>在线留言</li>--%>
                <%--                </a>--%>
                <%--                <a href="/jsp/callus.jsp">--%>
                <%--                    <li>联系我们</li>--%>
                <%--                </a>--%>
                </div>
            </ul>
        </div>
    </div>
    <!--这是广告-->
    <div class="ad">
        <div class="adContent">
            ${ad}
            <div>
<%--            <div class="div1">品味生活·品味美食</div>--%>
<%--            <div class="div2">--%>
<%--                <p>一壶茶沏出了生活的醇美</p>--%>
<%--                <p> 一枝花开出了生活的鲜艳</p>--%>
<%--                <p> 一首诗吟出了生活的酸辛</p>--%>
<%--                <p> 一把火燃烧出了生活的激情</p>--%>
<%--                <p> 一枝笔绘出了人生的五彩缤纷</p>--%>
<%--                <p> 一首歌唱出了人生的喜怒哀惧</p>--%>
<%--                <p> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</p>--%>
<%--            </div>--%>
<%--            <div class="div3">--%>
<%--                <span>品味</span>--%>
<%--                <span>生活</span>--%>
<%--                <span>品味</span>--%>
<%--                <span>美食</span>--%>
<%--            </div>--%>
<%--            <div class="div4">--%>
<%--                新语餐饮给你生活指南--%>
<%--            </div>--%>
            </div>
        </div>
    </div>
</div>
</body>
</html>
